<template>
  <div class="index-main">
    <div class="index-main2">
        <div style="height:35px;background-color:white;">
          <span style="height:100%;margin-top: 0 auto;line-height: 3;">123456</span>
          <div style="height:100%;float:right;margin: 0 auto">
            <van-checkbox name="2" v-model="checked" shape="square" style="transform: translateY(7px);">同意</van-checkbox>
          </div>
        </div>
        <div style="height:35px;background-color:white;text-align:center;margin: 0 auto">
          <input style="width:95%;height:60%;" v-model="ssss">
        </div>
    </div>
  </div>
</template>

<script>

export default {
  data() {
    return {
      rice:"测试",
      ssss:"213-*6",
      checked:"",
       value:"aaaaaaaaaaaaaaa",
       currentDate: new Date()
    };
  },
  created() {
    
  },
  mounted() {
  },
  // 页面销毁
  beforeDestroy() {
    this
  },
 
  methods: {
    cancel(value){
      this.dialog = false;
      console.log(value);
      console.log("取消按钮")
    },
    confirm(value){
      this.dialog = false;
      console.log(value);
      console.log("确认按钮")
    }
  },
};
</script>

<style lang="scss" scoped>
.index-main {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
}
.index-main2 {
  padding-top: 20px;
  margin: 0 auto;
  width: 90%;
  height: 100%;
  background-color: #f5f5f5;
}
 ::v-deep .van-cell::after{
  border-bottom: 0px;
}

::v-deep .van-cell{
  padding-bottom: 0px;
  padding-top: 5px;


}

::v-deep .van-field__control[disabled] {
    color: black;
    opacity: 1;
    -webkit-text-fill-color:black; // ios 和 安卓9.0 必须添加此属性，才会生效
    -webkit-opacity: 1;
  }
  .divfont {
    font-size: 25px;
    -webkit-transition:font-size 0.2s ease-out;
  }

//
</style>
